<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<style type="text/css">
		body{
			background-image:url(img/bb.jpg);
			background-repeat:repeat-x;
		}
		.container{
			margin-top:150px;
		}
		.login{
			position:relative;
		}
		.title{
			display:inline;
			margin-left:auto;
			margin-right:auto;
			position:relative;
		}
		#loginform{
			position:relative;
			top:38px;
		}
		#loginbtn{
			back-groundcolor:#59B059;
		}
		
	</style>
	<title>PMS(项目管理系统)-登录页</title>
</head>
<body >
	
	<div class="body">
		<div class="container"  style="width:400px">
			<div class="login">
				<span class="title">
				<h3 >项目管理系统-登录</h3>
				</span>
				<hr/>
				<div id="msg" class="alert alert-error fade in" style="display:none" >
		            <a href="#" data-dismiss="alert" class="close">×</a>
		            <strong>error!用户名与密码不能为空!</strong>
		        </div>
				<form id="loginform" action="login.jspx" method="post" >
					<input type="hidden" name="m" value="login"/>
					<span style="font-size:20px">账号:&nbsp&nbsp</span><input id="name" type="text" name ="username" /><br/>
					<span style="font-size:20px">密码:&nbsp&nbsp</span><input id="pwd" type="password" name ="password" /><br/>
					
					<span style="color:blue;">记住我&nbsp&nbsp</span><input type="checkbox" name="rememberme" style="display:inline"><br/><br/>
					
					<button class="btn btn-success " id="loginbtn" type="submit" >登录系统</button>
				</form>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
		
			$('#loginbtn').click(function(){
				if($('#name').val() == "" || $('#name').val() == null){
					$('#msg').show();
					$('#name').focus();
					return false;
				}
			});
			$('#name').keydown(function(){
				$('#msg').hide();
			});
			
			$('#loginbtn').click(function(){
				$('loginbtn').submit();
			});
			
		});
	
	</script>
	
	
	
</body>
</html>